<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
  <head>
    <title></title>   
    <base href="<%=basePath%>">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0"> 
	<%@ include file="/common/importJsCss.jsp" %>
	<style type="text/css">
	.popover-test-close{
		float:right;
		color:red;
	}
	</style>
 	<script type="text/javascript" id="preJavascript">
$(function(){  
     $(".popover-test-top").popover({placement:"top",trigger:"click"})
     	.click(function(e) {
        	e.preventDefault();
     }) ;

     $(".popover-test").popover();
     	$(".popover-test-close").live("click",function(e){
     		$(".popover-test-top").popover('hide');
     		e.preventDefault();
     	});
});	
	</script>
  </head>  
  <body>
    <div class="container">
        <div class="page-header">
            <h2>丰富提示信息</h2>
        </div>
<pre class="prettyprint linenums"></pre>
		<a href="#" class="btn popover-test" data-content="<a href='http://baidu.com'>1.示例</a><br/><a href='http://baidu.com'>2.插件</a>" title="Lorem ipsum"  data-placement="right" data-trigger="hover">右边弹出</a>
		<a href="#" class="btn popover-test-top" data-content="<a href='http://baidu.com'>1.示例</a><br/><a href='http://baidu.com'>2.插件</a>" data-title="Lorem ipsum">上面弹出</a>
    	<a href="#" class="btn popover-test-top" data-content="<a href='http://baidu.com'>1.示例</a><a class='popover-test-close' href='#'>&times;</a>" data-title="Lorem ipsum">弹出提示中,有链接关闭</a>
    </div> 
  </body>
</html>
